<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>编辑个人资料</title>
  <link rel="stylesheet" href="../js/bootstrap-3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../css/edit_personage.css">
</head>
<body>
<header class="header">
  <div class="logo-box"><img src="../images/logo.png" alt=""></div>
  <ul class="nav">
    <li>手机端</li>
    <li>发布房源</li>
    <li>故事</li>
    <li>消息</li>
    <li>帮助</li>
    <li onclick="personageFn()"><img class="img-circle" src="https://z1.muscache.cn/im/pictures/user/0eecd210-2706-4f2e-9785-c13cf77594b9.jpg?aki_policy=profile_small" style="width: 28px;height: 28px;"  alt=""></li>
    <!--<li>注册</li>
    <li>登录</li>-->
  </ul>
</header>
<div class="personBox">
  <div class="personageBox">
    <ul>
      <li><a href="./edit_personage.html">编辑个人资料</a></li>
    </ul>
  </div>
</div>
<div class="container-fluid max-w1080" style="margin-top: 24px;">
  <div class="row">
    <div class="col-xs-3 leftContent">
      <div id="user" class="space-4 ">
        <!-- 头像 -->
        <img class="img-responsive" src="https://z1.muscache.cn/im/pictures/75756707/5d76182c_original.jpg?aki_policy=large" alt="" style="width: 100%;" height="225">
      </div>
      <div class="panel space-4">
        <div class="panel-header">已验证的信息</div>
        <div class="panel-body">
          <ul class="list-unstyled space-3" title="已验证的信息">
            <li class="space-2">
              <div class="pull-left">电子邮件地址</div>
              <div class="pull-right">
                <i class="glyphicon glyphicon-ok-circle" aria-hidden="true"></i>
              </div>
            </li>
          </ul>
          <a class="yanzhemgMore" href="#">验证更多信息</a>
        </div>
      </div>
    </div>
    <div class="col-xs-9 rightContent">
      <h1 style="font-size: 44px">您好，我是某某某！</h1>
      <div class="h5 space-top-2">
        <span class="text-normal">CN·注册时间：2018年4月</span>
      </div>
      <div class="text-muted space-top-2">
        <button class="btn-link btn-link--reset btn-link--icon" style="color: inherit">
          <span class="glyphicon glyphicon-flag"></span>
          <span>举报此用户</span>
        </button>
      </div>
      <div class="edit_profile_container" style="margin-bottom: 18px;">
        <a href="#" style="color:#008489;">编辑个人资料</a>
      </div>
      <div class="space-top-24">
        <h2>故事<small>(0)</small></h2>
      </div>
      <div class="space-top-2">
        <button type="button" class="_1lefr0tv" aria-disabled="false" aria-busy="false">0 关注</button>&nbsp;&nbsp;&nbsp;&nbsp;
        <button type="button" class="_1lefr0tv" aria-disabled="false" aria-busy="false">0 粉丝</button>
      </div>

    </div>
  </div>
</div>
<footer class="footer">
  <div class="_2h22gn">
    <div class="footer-box">
      <section class="list">
        <div class="list-con">
          <h4 class="f-tit">爱彼迎</h4>
          <ul>
            <li><a href="#">工作机会</a></li>
            <li><a href="#">新闻</a></li>
            <li><a href="#">政策</a></li>
            <li><a href="#">政策</a></li>
            <li><a href="#">政策</a></li>
          </ul>
        </div>
      </section>
      <section class="list">
        <div class="list-con">
          <h4 class="f-tit">爱彼迎</h4>
          <ul>
            <li><a href="#">工作机会</a></li>
            <li><a href="#">新闻</a></li>
            <li><a href="#">政策</a></li>
            <li><a href="#">政策</a></li>
            <li><a href="#">政策</a></li>
          </ul>
        </div>
      </section>
      <section class="list">
        <div class="list-con">
          <h4 class="f-tit">爱彼迎</h4>
          <ul>
            <li><a href="#">工作机会</a></li>
            <li><a href="#">新闻</a></li>
            <li><a href="#">政策</a></li>
            <li><a href="#">政策</a></li>
            <li><a href="#">政策</a></li>
          </ul>
        </div>
      </section>
    </div>
  </div>
</footer>




</body>
<script src="../js/jquery-2.1.1.js"></script>
<script src="../js/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script>
  function personageFn(){
    $(".personBox").fadeToggle(10);
  }
</script>
</html>
